<template>
    <div id="aa">
        <el-menu
          :default-active="$route.path"
          class="el-menu-demo1"
          router
          active-text-color="#f60">
          <div v-for="(ite,i) in menu_lis[0].children" :key="'asd'+i">
            <el-menu-item :index="ite.path" v-if="ite.title">
                  <span>{{ite.title}}</span>
            </el-menu-item>
          </div>
        </el-menu>
    </div>
</template>

<script>
    import {modee} from '../router'
  export default {
    data() {
      return {
        menu_lis:modee
      };
    },
    mounted() {
      console.log(this.menu_lis)
    },
    methods: {
      
    }
  }
</script>

<style scoped>
#aa{
  width: 100%;
}
#aa .el-menu-demo1{
        /* position:fixed; */
        /* bottom: 0; */
        /* width: 100vw; */
        width: 100%;
        background:#fff;
        font-size: 26px;
        text-align: center;
        color:#f60;
        display: flex;
        justify-content: space-around;
        height:0.6rem;
    }
    .el-menu-demo1 .el-menu-item{
        background:#fff;
        line-height: 30px;
        align-items: center;
        height: 100%;
        /* float:left; */
        /* margin-left: 20px; */
    }
</style>